<template>
  <div class="home">
     <el-container>
  <el-header>
    <headers />
  </el-header>

  <el-container>
    <el-aside width="140px">
      <asides />
    </el-aside>
    
    <el-main><router-view /></el-main>
  </el-container>
</el-container>
  </div>
</template>

<script>
import headers from './header.vue'
import asides from './aside.vue'
import right from './right.vue'
// @ is an alias to /src

export default {
  
  components:{
    headers,
    asides,
    right,
  }
}
</script>

<style scoped>
/*  */
.el-header{
  padding: 0;
  margin: 0;
}
.el-aside{
  padding: 0;
  margin: 0;
}
.el-main{
  padding: 0;
  margin: 0;
}
  </style>